<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 国产浏览器默认采用高速模式渲染页面 -->
    <meta name="renderer" content="webkit">
    <!--房源详情-->
    <title>【糖果家】成都春熙路太古里IFS宽窄巷子地铁口可爱活泼的小公寓</title>
    <!-- Bootstrap.css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- 修复IE10的媒体查询bug -->
    <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- 标签页图标 -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <!-- 导航栏 -->
    <link rel="stylesheet" href="css/navigation-bar.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- 主体内容 -->
    <link rel="stylesheet" href="css/fyxq.css" />
    <!--打分-->
    <link href="css/star-rating.min.css" media="all" rel="stylesheet" type="text/css" />
    <!-- 尾页 -->
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- 网页首部 -->
    <header>
        <!-- 导航栏 -->
        <div class="wjc-navigation">
            <!-- 爱彼迎的svg图标 -->
            <div class="wjc-navigation-icon">
                <a href="index.html" target="_self">
                    <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false">
                        <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 
                        80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 
                        86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 
                        0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 
                        21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 
                        22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1
                        287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 
                        70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 
                        0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 
                        140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 
                        125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z">
                        </path>
                    </svg>
                </a>
            </div>

            <div class="wjc-navigation-other">
                <!-- 搜索输入框 -->
                <div class="col-md-6">
                    <form action="#" method="POST" class="form-inline" role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon wjc-navgation-search-prev">
                                    <i class="fa fa-search" aria-hidden="true"></i>
                                </div>
                                <label class="sr-only" for="wjc-navgation-search">搜索</label>
                                <input type="text" name="search" class="form-control" id="wjc-navgation-search"
                                    placeholder="搜索">
                            </div>
                        </div>
                    </form>
                </div>

                <!-- 导航栏菜单 -->
                <nav class="col-md-6">
                    <ul class="wjc-navigation-menu list-inline">
                        <!-- <li class="dropdown">
                            <a id="wjc-nav-currency" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                aria-haspopup="true" aria-expanded="false">
                                人民币 - ￥
                            </a>
                            <ul class="dropdown-menu my-nav-dropdown-menu1">
                                <li class="my-nav-dropdown-menu1-title"><a href="#">常用货币</a></li>
                                <li><a href="#">人民币 - ￥</a></li>
                                <li><a href="#">美元 - $</a></li>
                                <li><a href="#">日元 - ￥</a></li>
                                <li><a href="#">港币 - $</a></li>
                                <li><a href="#">新台币 - $</a></li>
                                <li><a href="#">欧元 - $</a></li>
                                <li><a href="#">英镑 - $</a></li>
                                <li class="my-nav-dropdown-menu1-title"><a href="#">其他货币</a></li>
                                <li><a href="#">澳大利亚元 - $</a></li>
                            </ul>
                        </li> -->
                        <li>
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">
                                手机端
                            </a>
                            <div class="dropdown-menu my-nav-dropdown-menu2">
                                <div>
                                    <img src="img/download_app_other-2216c06ab35e39238e40720ed9bf1439.png" alt="下载手机客户端">
                                    <div>下载手机客户端</div>
                                    <div>&nbsp;</div>
                                </div>
                                <div>
                                    <img src="img/service_account_qr_code_header_other-9291205a414d3af6b492e99d4a0b21e4.png"
                                        alt="关注微信服务号">
                                    <div>关注微信服务号</div>
                                    <div>id：AirbnbOfficial</div>
                                </div>
                            </div>
                        </li>
                        <!-- <li class="show wjc-login-prev">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">成为房东/体验达人</a>
                            <div class="dropdown-menu my-nav-dropdown-menu3">
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">房源</div>
                                    <div class="wjc-flex-con1">
                                        <div>
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">发布房源</a></div>
                                            <div class="my-nav-dropdown-menu3-content">在<span class="wjc-nav-dropdown-loc">沈阳</span>接待房客，每月为您带来高达<span
                                                    class="wjc-nav-dropdown-monthlyincome">￥5,627</span>的收入</div>
                                        </div>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <svg viewBox="0 0 24 24" role="presentation" aria-hidden="true" focusable="false"
                                                style="height: 24px; width: 24px; display: block; fill: currentcolor;">
                                                <path d="m23.06 11.4-1.75-1.76-3.85-3.87-3.85-3.87-1.27-1.27-.36-.36-.09-.09c-.23-.23-.55-.23-.75-.02l-1.68 
                                                    1.75-3.68 3.87-3.68 3.87-1.67 1.75a1.47 1.47 0 0 0 -.43 1.05v.02c.01.38.15.76.44 1.05l.55.55a1.49 1.49 0 
                                                    0 0 2.01.08v8.4c0 .81.68 1.45 1.5 1.45h14c .82 0 1.5-.65 1.5-1.45v-8.86l.38.38a1.5 1.5 0 0 0 
                                                    2.13-.01l.55-.55c.59-.59.59-1.54.01-2.13zm-4.06 11.15c0 .24-.22.45-.5.45h-14c-.28 0-.5-.21-.5-.45v-9.41l7.51-7.93 
                                                    7.49 7.48v9.85zm3.35-9.74-.55.55c-.2.2-.52.2-.71.01l-9.24-9.22a.5.5 0 0 0 -.72.01l-8.73 9.22a.5.5 0 
                                                    0 1 -.7-.02l-.55-.55a.5.5 0 0 1 -.01-.71l1.68-1.77 3.69-3.86 3.68-3.87 1.32-1.39c.03.03.07.07.12.12l1.27 
                                                    1.27 3.85 3.87 3.85 3.87 1.75 1.76a.51.51 0 0 1 -.01.71zm-10.85-.81a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 1 1 0 
                                                    1h-3.5v3.5a.5.5 0 0 1 -1 0v-3.5h-3.5a.5.5 0 0 1 0-1h3.5v-3.5a.5.5 0 0 1 .5-.5z"
                                                    fill-rule="evenodd"></path>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="my-nav-dropdown-menu3-link"><a href="#">了解如何出租您的房源</a></div>
                                </div>
                                <hr>
                                <div>
                                    <div class="my-nav-dropdown-menu3-title">体验</div>
                                    <div class="wjc-flex-con1">
                                        <div>
                                            <div class="my-nav-dropdown-menu3-link"><a href="#">开始体验</a></div>
                                            <div class="my-nav-dropdown-menu3-content">带领别人做自己热爱的事并赚取收入</div>
                                        </div>
                                        <div class="my-nav-dropdown-menu3-icon">
                                            <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li> -->
                        <li class="hidden wjc-login-after">
                            <a href="addhouse.html">添加房源</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="housecontrol.html">房源管理</a>
                            <!-- <a href="housecontrol.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">管理面板</a>
                            <ul class="dropdown-menu my-nav-dropdown-menu4">
                                <li><a href="housecontrol.html" class="my-nav-dropdown-menu4-title">房源管理</a></li>
                                <li>
                                    <a href="#">
                                        <div class="wjc-flex-con1">
                                            <div>
                                                <span class="my-nav-dropdown-menu4-title">开展体验</span>
                                                <div>与房客分享您最喜爱的一项活动，赚取额外收入</div>
                                            </div>
                                            <div class="my-nav-dropdown-menu3-icon">
                                                <img src="img/bb6d49e059b6c7d8791e9b4e30f8d4cd.svg" alt="开始体验">
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul> -->
                        </li>
                        <li>
                            <a href="story.html" target="_blank">故事</a>
                        </li>
                        <!-- <li class="hidden wjc-login-after">
                            <a href="#">心愿单</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="#">旅程</a>
                        </li>
                        <li class="hidden wjc-login-after">
                            <a href="#">消息</a>
                        </li>
                        <li>
                            <a href="#">帮助</a>
                        </li> -->
                        <li class="hidden wjc-login-after wjc-user-info">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                                aria-expanded="false">
                                <img id="wjc-user-icon" src="img/aibiying.png" alt="头像" class="img-circle">
                            </a>
                            <ul class="dropdown-menu my-nav-dropdown-menu6">
                                <li><a href="userinfo.html">编辑个人资料</a></li>
                                <!-- <li><a href="#">旅行资金</a></li>
                                <li><a href="#">账号设置</a></li>
                                <li><a href="#">我的指南</a></li>
                                <li><a href="#">商务爱彼迎</a></li> -->
                                <li id="wjc-login-out"><a href="#">退出</a></li>
                            </ul>
                        </li>
                        <li class="show wjc-login-prev">
                            <!-- <a href="#" data-toggle="modal" data-target="#myModal2">注册</a> -->
                            <a href="register.html">注册</a>
                        </li>
                        <li class="show wjc-login-prev">
                            <a href="#" data-toggle="modal" data-target="#myModal">登录</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <!-- 主体内容 -->
    <div id="index" class="container-fluid">
        <div class="row">
            <!--置顶图片-->
            <div id="brc-top_picture">
                <div id="brc-main_picture" class="col-md-6">
                    <img src="img/top1.jpg" />
                </div>
                <div id="brc-small_picture" class="col-md-6">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="img/top2.jpg" />
                        </div>
                        <div class="col-md-6">
                            <img src="img/top4.jpg" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <img src="img/top3.jpg" />
                        </div>
                        <div class="col-md-6">
                            <img src="img/top5.jpg" />
                        </div>
                    </div>
                </div>
            </div>

            <div>
                <div class="col-md-5 col-md-offset-2">
                    <!--目录：详情 · 评价 · 可订日期 · 位置 · 须知 · 房东-->
                    <div id="brc-menu" class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="550"
                        data-offset-bottom="900">
                        <h4>详情 · 评价 · 可订日期 · 位置 · 须知 · 房东</h4>
                    </div>
                </div>
            </div>

            <div id="brc-main_body">
                <div class="col-md-5 col-md-offset-2">
                    <!--房间名+aws图标-->
                    <div id="brc-room_name">
                        <br />
                        <h5 class="text-danger">成都市 · 整套公寓<h5>
                                <h1>【糖果家】成都春熙路太古里IFS宽窄巷子地铁口可爱活泼的小公寓</h1>
                                <h4>
                                    <i class="fa fa-bank"></i> 1间卧室
                                    <i class="fa fa-bed" aria-hidden="true"></i> 1张床
                                    <i class="fa fa-bath" aria-hidden="true"></i> 1间卫生间
                                    <i class="fa fa-group"></i> 最多住2人
                                </h4>
                    </div>
                    <!--房东名+ID-->
                    <div id="brc-room_master">
                        <br />
                        <h3>房东：Ying 联系房东</h3>
                        <h4>共收到1021条评价 · 芝麻认证</h4>
                    </div>
                    <!--房间描述-->
                    <div id="brc-room_depiction" class="jumbotron">
                        <h4>我在成都有3个公寓,都在同一个小区,点击我的头像可以查看其他房源~
                            最近废柴的我回了南京,房子暂时交给认真负责又好说话的姨妈打理｡
                            公寓位于春熙路附近高档公寓楼,从地铁站出来2分钟就到｡步行10分钟就能到IFS｡
                            公寓风格比较活泼可爱, 床､沙发和懒人沙发都特别舒服,躺下就不想起来｡
                            房间里提供毛巾牙刷蜡烛等等,所有东西都有品质保证｡楼下有便利店药店水果店餐馆等等,满足旅行装备补给的需求｡
                            房间门口放置了密码钥匙盒,凌晨入住的客人也不用担心取钥匙的问题｡
                            床上用品一客一换,使用阳台上的烘干机烘干床上用品,有时候会有褶皱,敬请谅解｡特别欢迎大家前来入住,么么哒!
                        </h4>
                    </div>
                    <!--房间细节-->
                    <div id="brc-room_detail">
                        <dl class="dl-horizontal">
                            <dt>整套房子/公寓</dt>
                            <dd>无需与房东或房客共享空间，独享整个房源</dd>
                            <dt>超赞房东</dt>
                            <dd>超赞房东经验丰富、评分很高，他们致力于为房客提供优质的住宿体验</dd>
                            <dt>入住/退房</dt>
                            <dd>入住时间 14:00后 · 退房时间 12:00</dd>
                        </dl>
                    </div>
                    <!--房间硬件+aws图标-->
                    <div id="brc-room_hardware">
                        <img src="img/hardware.jpg" />
                    </div>
                    <!--评分（优码网:基于Bootstrap的jQuery星级评分插件bootstrap-star-rating）-->
                    <div id="brc-room_score">
                        <h2>评分</h2>
                        <input id="input-id" type="number" class="rating" min=0 max=5 step=0.5 data-size="xs">
                    </div>
                    <!--可订日期+日期模块-->
                    <div id="brc-usable_date">
                        <h2>可订日期</h2>
                        <h3>10天更新</h3>
                        <input type="text" id="brc-usable_date1">
                        <input type="text" id="brc-usable_date2">
                        <h5>输入日期以查看总价格，包含额外附加费用及适用税费。</h5>
                    </div>
                    <!--房间位置-->
                    <div id="brc-room_position">
                        <h2>位置</h2>
                        <h3>成都市，四川省，中国</h3>
                        <h4>公寓位于高档公寓楼红星国际里,地理位置很好,拿着箱子从地铁站出来走200米就到了｡
                            距离春熙路和太古里特别近,都不用坐地铁,顺着路直走500米就到了｡
                            去宽窄巷子坐地铁3站路也方便｡整个楼盘闹中取静,而且6号楼在最里面,所以很安静｡
                            公寓楼下有便利店快餐店药店水果店等等,尤其是3家便利店都是24小时营业的,很方便买东西｡
                            公寓楼下有抿嘴串串香,白家肥肠粉,川菜馆,清淡的有社区食堂快餐店,附近有康二姐串串,码头故事火锅
                        </h4>
                    </div>
                    <!--出行信息（交通）-->
                    <div id="brc-traffic">
                        <h2>出行信息</h2>
                        <h4>公寓的交通情况
                            距离春熙路商圈和太古里500米以内,可步行前往｡
                        </h4>
                    </div>
                    <!--地图（选做）-->
                    <div id="brc-map">

                    </div>
                    <!--附近-->
                    <div id="brc-nearby">
                        <h4><i class="fa fa-subway" aria-hidden="true"></i> 附近地铁站：市二医院（约300米）、太升南路（约900米）</h4>
                        <h4><i class="fa fa-camera" aria-hidden="true"></i> 周边热门：大慈寺（约700米）、太古里（约800米）、春熙路（约900米）</h4>
                        <h4><i class="fa fa-university" aria-hidden="true"></i> 房源具体位置将在预订确认后提供</h4>
                    </div>
                    <!--须知-->
                    <div id="brc-notice">
                        <h2>须知</h2>
                        <h3>基本要求</h3>
                        <h4>不适合婴幼儿（2岁以内）入住</h4>
                        <h4>禁止吸烟</h4>
                        <h4>不允许携带宠物</h4>
                        <h4>不允许举办派对和活动</h4>
                        <h3>预订取消政策</h3>
                        <h4>中等政策——48小时内免费取消 · 限时全额退款</h4>
                        <h3>交易提示</h3>
                        <h4>为了保护您的账号隐私和付款安全，请不要相信其它任何平台的折扣或礼金券代订，并始终在爱彼迎站内转账和交流。</h4>
                    </div>
                    <!--房东留言-->
                    <div id="brc-master_word">
                        <h2>与房客的互动</h2>
                        <h3>会在入住前一晚和客人联络,希望得知客人入住的时间｡
                            希望客人离开的时候能发短信或电话告知房东,有任何意见欢迎提出来｡
                            遇到问题请不要犹豫,立刻联系我呀!
                        </h3>
                    </div>
                </div>

                <div class="col-md-3">
                    <!--预定板块-->
                    <div id="brc-reserve" class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="550"
                        data-offset-bottom="900">
                        <div id="brc-room_price" class="col-md-10 col-md-offset-1 text-left">
                            <div id="brc-room_price_font0">
                                <span id="brc-room_price_font1">
                                    <b>￥238</b>
                                </span>
                                <span id="brc-room_price_font2">
                                    <b>每晚</b>
                                </span>
                            </div>
                            <div id="brc-room_price_font3">
                                <img src="img/yes.jpg" />
                                满7天立减6%
                                <img src="img/yes.jpg" />
                                满28天立减10%
                            </div>
                            <div id="brc-room_price_font4">
                                <img src="img/small_star.png" />
                                <b>150条</b>
                            </div>
                        </div>
                        <div class="col-md-10 col-md-offset-1">
                            <b>日期</b>
                        </div>
                        <div id="brc-small_date" class="col-md-10 col-md-offset-1">
                            <div class=" col-md-6">
                                <input type="text" id="brc-small_datein" class="form-control" placeholder="入住">
                            </div>
                            <div class=" col-md-6">
                                <input type="text" id="brc-small_dateout" class="form-control" placeholder="退房">
                            </div>
                        </div>

                        <div class="col-md-10 col-md-offset-1">
                            <b>房客</b>
                        </div>
                        <div id="brc-roomer_number" class="btn-group col-md-10 col-md-offset-1">
                            <button class="btn btn-lg btn-default col-md-10">1位房客</button>
                            <button data-toggle="dropdown" class="btn btn-lg btn-default dropdown-toggle col-md-2"><span
                                    class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">1位房客</a>
                                </li>
                                <li>
                                    <a href="#">2位房客</a>
                                </li>
                                <li>
                                    <a href="#">3位房客</a>
                                </li>
                                <li>
                                    <a href="#">4位房客</a>
                                </li>
                                <li class="divider">
                                </li>
                                <li class="disabled">
                                    <a href="#">最多4位房客，婴幼儿不计算在内。</a>
                                </li>
                            </ul>
                        </div>
                        <div id="brc-reserve_button" class="col-md-10 col-md-offset-1">
                            <button type="button" class="btn btn-lg btn-danger btn-block">预定</button>
                        </div>
                        <div id="brc-small_notice" class="col-md-12">
                            <b>您暂时不会被收费</b>
                        </div>
                        <div id="brc-report" class="col-md-10 col-md-offset-1">
                            <img src="img/report.png" />
                        </div>
                    </div>
                </div>

                <div class="col-md-8 col-md-offset-2">
                    <!--类似房源-->
                    <!-- <div id="brc-kinds_room">
                        <h2>类似房源</h2>
                        <img src="img/kinds.jpg"/ onclick="javascript:location.href='https://zh.airbnb.com/rooms/18402119?guests=1&adults=1'">
                    </div> -->
                    <div class="wjc-three-layout wjc-story">
                        <div class="row">
                            <button type="button" class="wjc-layout-title btn btn-link col-md-6">
                                <div class="wjc-layout-title-main">类似房源</div>
                            </button>
                        </div>
                        <div class="wjc-layout-content row container">
                            <div class="row wjc-layout-content-row">
                                <div class="col-md-4">
                                    <a href="*">
                                        <div class="wjc-layout-content-image" style="background-image: url('img/6c668ac1-00f6-4bb7-9b47-383373070ee2.jpg');width:333px;height:222px;">
                                            <div>
                                                <button type="button" class="wjc-story-thumbsup">
                                                    <svg viewBox="0 0 32 32" fill="#484848" fill-opacity="0.5" stroke="#ffffff"
                                                        stroke-width="2.5" focusable="false" aria-label="添加房源到心愿单" role="img"
                                                        stroke-linecap="round" stroke-linejoin="round" style="height: 28px; width: 28px; display: block; overflow: visible;">
                                                        <path d="m23.99 2.75c-.3 0-.6.02-.9.05-1.14.13-2.29.51-3.41 1.14-1.23.68-2.41 1.62-3.69 2.94-1.28-1.32-2.46-2.25-3.69-2.94-1.12-.62-2.27-1-3.41-1.14a7.96 7.96 0 0 0 -.9-.05c-1.88 0-7.26 1.54-7.26 8.38 0 7.86 12.24 16.33 14.69 17.95a1 1 0 0 0 1.11 0c2.45-1.62 14.69-10.09 14.69-17.95 0-6.84-5.37-8.38-7.26-8.38"></path>
                                                    </svg>
                                                </button>
                                            </div>
                                            <div>
                                                <span class="wjc-tag-2">房源</span>
                                            </div>
                                        </div>
                                        <div class="wjc-layout-content-info airbnb-red">
                                            <span class="wjc-tag" style="background:rgb(166, 29, 85);">PLUS</span>
                                            <span style="color:rgb(166, 29, 85)">2张床</span>
                                        </div>
                                        <div class="wjc-layout-content-description">
                                            有摩登与复古，网红民宿打卡地的南京西路地铁口老洋房新风尚整套独户房
                                        </div>
                                        <div class="wjc-layout-content-price">
                                            <span>￥1,398每晚</span>
                                        </div>
                                        <div class="wjc-layout-content-comment airbnb-red">

                                            <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star"
                                                aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                                class="fa fa-star-half-o" aria-hidden="true"></i><i class="fa fa-star-o"
                                                aria-hidden="true"></i>
                                            <span class="wjc-evaluation">
                                                82
                                            </span>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="*">
                                        <div class="wjc-layout-content-image" style="background-image: url('img/6c668ac1-00f6-4bb7-9b47-383373070ee2.jpg');width:333px;height:222px;">
                                            <div>
                                                <button type="button" class="wjc-story-thumbsup">
                                                    <svg viewBox="0 0 32 32" fill="#484848" fill-opacity="0.5" stroke="#ffffff"
                                                        stroke-width="2.5" focusable="false" aria-label="添加房源到心愿单" role="img"
                                                        stroke-linecap="round" stroke-linejoin="round" style="height: 28px; width: 28px; display: block; overflow: visible;">
                                                        <path d="m23.99 2.75c-.3 0-.6.02-.9.05-1.14.13-2.29.51-3.41 1.14-1.23.68-2.41 1.62-3.69 2.94-1.28-1.32-2.46-2.25-3.69-2.94-1.12-.62-2.27-1-3.41-1.14a7.96 7.96 0 0 0 -.9-.05c-1.88 0-7.26 1.54-7.26 8.38 0 7.86 12.24 16.33 14.69 17.95a1 1 0 0 0 1.11 0c2.45-1.62 14.69-10.09 14.69-17.95 0-6.84-5.37-8.38-7.26-8.38"></path>
                                                    </svg>
                                                </button>
                                            </div>
                                            <div>
                                                <span class="wjc-tag-2">房源</span>
                                            </div>
                                        </div>
                                        <div class="wjc-layout-content-info airbnb-red">
                                            <span class="wjc-tag" style="background:rgb(166, 29, 85);">PLUS</span>
                                            <span style="color:rgb(166, 29, 85)">2张床</span>
                                        </div>
                                        <div class="wjc-layout-content-description">
                                            有摩登与复古，网红民宿打卡地的南京西路地铁口老洋房新风尚整套独户房
                                        </div>
                                        <div class="wjc-layout-content-price">
                                            <span>￥1,398每晚</span>
                                        </div>
                                        <div class="wjc-layout-content-comment airbnb-red">

                                            <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star"
                                                aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                                class="fa fa-star-half-o" aria-hidden="true"></i><i class="fa fa-star-o"
                                                aria-hidden="true"></i>
                                            <span class="wjc-evaluation">
                                                82
                                            </span>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a href="*">
                                        <div class="wjc-layout-content-image" style="background-image: url('img/6c668ac1-00f6-4bb7-9b47-383373070ee2.jpg');width:333px;height:222px;">
                                            <div>
                                                <button type="button" class="wjc-story-thumbsup">
                                                    <svg viewBox="0 0 32 32" fill="#484848" fill-opacity="0.5" stroke="#ffffff"
                                                        stroke-width="2.5" focusable="false" aria-label="添加房源到心愿单" role="img"
                                                        stroke-linecap="round" stroke-linejoin="round" style="height: 28px; width: 28px; display: block; overflow: visible;">
                                                        <path d="m23.99 2.75c-.3 0-.6.02-.9.05-1.14.13-2.29.51-3.41 1.14-1.23.68-2.41 1.62-3.69 2.94-1.28-1.32-2.46-2.25-3.69-2.94-1.12-.62-2.27-1-3.41-1.14a7.96 7.96 0 0 0 -.9-.05c-1.88 0-7.26 1.54-7.26 8.38 0 7.86 12.24 16.33 14.69 17.95a1 1 0 0 0 1.11 0c2.45-1.62 14.69-10.09 14.69-17.95 0-6.84-5.37-8.38-7.26-8.38"></path>
                                                    </svg>
                                                </button>
                                            </div>
                                            <div>
                                                <span class="wjc-tag-2">房源</span>
                                            </div>
                                        </div>
                                        <div class="wjc-layout-content-info airbnb-red">
                                            <span class="wjc-tag" style="background:rgb(166, 29, 85);">PLUS</span>
                                            <span style="color:rgb(166, 29, 85)">2张床</span>
                                        </div>
                                        <div class="wjc-layout-content-description">
                                            有摩登与复古，网红民宿打卡地的南京西路地铁口老洋房新风尚整套独户房
                                        </div>
                                        <div class="wjc-layout-content-price">
                                            <span>￥1,398每晚</span>
                                        </div>
                                        <div class="wjc-layout-content-comment airbnb-red">

                                            <i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star"
                                                aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i
                                                class="fa fa-star-half-o" aria-hidden="true"></i><i class="fa fa-star-o"
                                                aria-hidden="true"></i>
                                            <span class="wjc-evaluation">
                                                82
                                            </span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 网页尾部 -->
        <footer>
            <div class="container">
                <div class="row">
                    <ul class="col-md-3 list-unstyled">
                        <li class="wjc-footer-title">爱彼迎</li>
                        <li>
                            <a href="#">工作机会</a>
                        </li>
                        <li>
                            <a href="#">新闻</a>
                        </li>
                        <li>
                            <a href="#">政策</a>
                        </li>
                        <li>
                            <a href="#">帮助</a>
                        </li>
                        <li>
                            <a href="#">多元化与归属感</a>
                        </li>
                    </ul>
                    <ul class="col-md-3 list-unstyled">
                        <li class="wjc-footer-title">发现</li>
                        <li>
                            <a href="#">信任与安全</a>
                        </li>
                        <li>
                            <a href="#">旅行基金</a>
                        </li>
                        <li>
                            <a href="#">爱彼迎公民</a>
                        </li>
                        <li>
                            <a href="#">商务差旅</a>
                        </li>
                        <li>
                            <a href="#">旅游指南</a>
                        </li>
                        <li>
                            <a href="#">爱彼迎杂志</a>
                        </li>
                        <li>
                            <a href="#">活动</a> <span class="wjc-tag">new</span>
                        </li>
                    </ul>
                    <ul class="col-md-3 list-unstyled">
                        <li class="wjc-footer-title">出租</li>
                        <li>
                            <a href="#">为什么要出租？</a>
                        </li>
                        <li>
                            <a href="#">待客之道</a>
                        </li>
                        <li>
                            <a href="#">房东义务</a>
                        </li>
                        <li>
                            <a href="#">开展体验</a> <span class="wjc-tag">new</span>
                        </li>
                        <li>
                            <a href="#">Open Homes</a> <span class="wjc-tag">new</span>
                        </li>
                    </ul>
                    <ul class="col-md-3 list-unstyled">
                        <li class="wjc-footer-icon">
                            <a href="http://www.weibo.com/airbnb">
                                <i class="fa fa-weibo" aria-hidden="true"></i>
                            </a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="#">
                                <i class="fa fa-weixin" aria-hidden="true"></i>
                            </a>
                        </li>
                        <li>
                            <a href="#">条款</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                        <li>
                            <a href="#">网站地图</a>
                        </li>
                    </ul>
                </div>
                <div class="wjc-footer-row">
                    <div>
                        <div>
                            <svg viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1.5em; width: 1.5em; display: block; fill: rgb(118, 118, 118);">
                                <path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1 287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z"></path>
                            </svg>
                        </div>
                        <div>
                            <div>
                                京ICP备16017121号-3 京ICP证 160773号
                                <img src="img/public_security_bureau_logo-5d90debd8b3d783447eeffa635df1972.png" alt="网警">
                                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032345"
                                    target="_blank">
                                    京公网安备 11010502032345号
                                </a>
                                安彼迎网络（北京）有限公司
                            </div>
                            <div>© Airbnb, Inc.</div>
                        </div>
                    </div>
                    <!-- <div>
                        <div class="btn-group dropup" style="display: inline-block;">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                                中文（简体）
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">中文（简体）</a></li>
                                <li><a href="#">中文（繁体）</a></li>
                                <li><a href="#">日本语</a></li>
                                <li><a href="#">English</a></li>
                            </ul>
                        </div>
                        <div class="btn-group dropup" style="display: inline-block;">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                                CNY 人民币
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">CNY 人民币</a></li>
                                <li><a href="#">HKD 港币</a></li>
                                <li><a href="#">JYP日元</a></li>
                                <li><a href="#">USD 美元</a></li>
                            </ul>
                        </div>
                    </div> -->
                </div>
            </div>
        </footer>



        <!-- 模态框区域 -->
        <!-- 登录的模态框 -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header wjc-nav-login-modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">登录爱彼迎</h4>
                    </div>
                    <div class="modal-body">
                        <form action="#" method="post">
                            <div class="form-group">
                                <label class="sr-only" for="wjc-login-lname">电子邮件地址</label>
                                <input type="text" name="lname" id="wjc-login-lname" class="form-control input-lg"
                                    placeholder="电子邮件地址">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="wjc-login-lpass">密码</label>
                                <input type="password" name="lpass" class="form-control input-lg" id="wjc-login-lpass"
                                    placeholder="密码">
                            </div>
                            <div class="form-group">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox"> 记住我
                                    </label>
                                </div>
                            </div>
                            <button type="button" id="wjc-btn-login" class="btn btn-success btn-lg btn-block">登录</button>
                        </form>
                    </div>
                    <div class="modal-footer wjc-nav-login-modal-footer">
                        <span>还没有账号？</span>
                        <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="location.href='register.html'">注册</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- JavaScript引用 -->
        <!-- JQuery.js -->
        <script src="js/jquery-3.3.1.min.js"></script>
        <!-- Bootstrap.js -->
        <script src="js/bootstrap.min.js"></script>
        <!-- 修复IE10的媒体查询bug -->
        <script src="js/ie10-viewport-bug-workaround.js"></script>
        <!-- 导航栏 -->
        <script src="js/navigation-bar.js"></script>
        <!-- 主体内容 -->
        <script src="js/fyxq.js"></script>
        <!--地图-->
        <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=102e37c791e7beea70337a8aa83fe061"></script>
        <script type="text/javascript" src="js/fyxq.js"></script>
        <!--打分-->
        <script src="js/star-rating.min.js" type="text/javascript"></script>
        <!--laydate日期控件-->
        <script src="laydate/laydate.js"></script>
        <script>
            laydate.render({
                elem: '#brc-small_datein'
            });
            laydate.render({
                elem: '#brc-small_dateout'
            });
            laydate.render({
                elem: '#brc-usable_date1'
            });
            laydate.render({
                elem: '#brc-usable_date2'
            });
        </script>
        <!-- 尾页 -->
        <script src="js/footer.js"></script>
</body>

</html>